<div component="login">
    <div>
        <h1 class="logo-name">HC</h1>
    </div>
    <h3>请注册</h3>
    <p style="color: #0e9aef;">{{registerInfo.validateInfo}}</p>
    <p style="color: red;">{{registerInfo.errorInfo}}</p>
    <div class="m-t" role="form">
        <div class="form-group">
            <input type="text" v-model="registerInfo.username" class="form-control" placeholder="用户名" required="" @focus="test('username')" />
        </div>
        <div class="form-group">
            <input type="password" v-model="registerInfo.passwd" class="form-control" placeholder="密码" required="" @focus="test('passwd')" />
        </div>
        <div class="form-group">
            <input  name="repasswd" v-model="registerInfo.repasswd" type="password" class="form-control" placeholder="确认密码" required="" @focus="test('passwd')" />
        </div>
        <vc:create name="validate-tel"></vc:create>
        <button type="submit" v-on:click="doRegister()" class="btn btn-primary block full-width m-b">注册</button>

        <p class="text-muted text-center"><small>已有账户?</small></p>
        <a class="btn btn-sm btn-white btn-block" href="/flow/login">登录</a>
    </div>

</div>